﻿<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords"
          content="candidates, career, employment, freelance, glassdoor, Human Resource Management, indeed, job board, job listing, job portal, job postings, jobs, listings, recruitment, resume">
    <meta name="CreativeLayers" content="ATFN">
    <!-- css file -->
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/style.css">
    <!-- Responsive stylesheet -->
    <link rel="stylesheet" href="/css/responsive.css">
    <link rel="stylesheet" type="text/css" href="/css/verify.css">
    <!-- Title -->
    <title>未来是你的 - The Future Is Yours 一个能让你找到满意的工作的网站</title>
    <!-- Favicon -->
    <link href="/images/favicon.ico" sizes="128x128" rel="shortcut icon" type="image/x-icon"/>
    <link href="/images/favicon.ico" sizes="128x128" rel="shortcut icon"/>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="/https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="/https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <script type="text/javascript" src="/js/jquery-3.2.1.js"/>
    <![endif]-->
    <script type="text/javascript">
        function validateEmail(e) {
            //Email正则
            var ePattern = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
            if(!ePattern.test($(e).val())){
                alert("请输入正确的邮箱格式");
            }
        }

    </script>
</head>
<body>
<div class="wrapper">
    <div class="preloader"></div>

    <!-- Main Header Nav -->
    <header class="header-nav style_one navbar-scrolltofixed main-menu">
        <div class="container">
            <!-- Ace Responsive Menu -->
            <nav>
                <!-- Menu Toggle btn-->
                <div class="menu-toggle">
                    <img class="nav_logo_img img-fluid" src="/images/header-logo.png" alt="header-logo.png">
                    <button type="button" id="menu-btn">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <a href="/user/index" class="navbar_brand float-left dn-smd">
                    <img class="img-fluid mt10" src="/images/header-logo.png" alt="header-logo.png">
                </a>
                <!-- Responsive Menu Structure-->
                <!--Note: declare the Menu style in the data-menu-style="horizontal" (options: horizontal, vertical, accordion) -->
                <ul id="respMenu" class="ace-responsive-menu" data-menu-style="horizontal">
                    <li>
                        <a href="/user/index"><span class="title">首页</span></a>
                    </li>
                    <li>
                        <a href="/position/searchPosition"><span class="title">职位</span></a>
                    </li>
                    <li class="last">
                        <a th:if="${session.user==null}" href="/user/toLoginPage"><span class="title">我要找工作</span></a>
                    </li>
                    <li class="last">
                        <a th:if="${session.company==null}" href="/company/toLoginPage"><span class="title">我要招聘</span></a>
                    </li>
                </ul>
                <ul class="sign_up_btn pull-right dn-smd mt10">

                </ul><!-- Button trigger modal -->
            </nav>
            <!-- End of Responsive Menu -->
        </div>
    </header>
    <!-- Modal -->

    <!-- Inner Page Breadcrumb -->
    <section class="inner_page_breadcrumb bgc-f0 pt30 pb30" aria-label="breadcrumb">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <h4 class="breadcrumb_title float-left">Login</h4>
                    <ol class="breadcrumb float-right">
                        <li class="breadcrumb-item"><a href="/user/index">首页</a></li>
                        <li class="breadcrumb-item active" aria-current="page">登录</li>
                    </ol>
                </div>
            </div>
        </div>
    </section>

    <!-- Our LogIn  -->
    <section class="our-log-reg bgc-fa">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 col-lg-6" style="margin: 0 auto;">
                    <div class="tab-pane fade show active" id="home2" role="tabpanel" aria-labelledby="home-tab">
                        <div class="login_form">
                            <div class="heading">
                                <h3 class="text-center">快速登录</h3>
                                <p class="text-center">创建一个账户? <a class="text-thm" href="/user/toRegisterPage">注册</a></p>
                            </div>
                            <div>
                                <ul class="nav nav-pills mb-4" id="pills-tab" role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active" id="pills-home-tab" data-toggle="pill"
                                           href="#pills-home" role="tab" aria-controls="pills-home"
                                           aria-selected="true"
                                           style="border: 1px solid #79b530;width: 230px;text-align: center;">个人账户</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="pills-profile-tab" data-toggle="pill"
                                           href="#pills-profile" role="tab" aria-controls="pills-profile"
                                           aria-selected="false"
                                           style="border: 1px solid #79b530;width: 230px;text-align: center;margin-left: 29px;">企业账户</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="tab-content" id="pills-tabContent">
                                <div class="tab-pane fade show active" id="pills-home" role="tabpanel"
                                     aria-labelledby="pills-home-tab">
                                    <form id="login-form1">
                                        <div class="form-group">
                                            <input type="text" class="form-control" id="exampleInputEmail11" name="email"
                                                   th:value="${user!=null}?${user.email}:''"
                                                   placeholder="电子邮箱" onblur="validateEmail(this)">
                                        </div>
                                        <div class="form-group">
                                            <input type="password" class="form-control" id="exampleInputPassword11" name="password"
                                                   th:value="${user!=null}?${user.password}:''"
                                                   placeholder="密码">
                                        </div>
                                        <!--验证码-->
                                        <div class="mpanel3" style="margin-top: 20px">
                                        </div>

                                        <div class="form-group form-check">

                                        </div>
                                        <button type="button" class="btn btn-log btn-block btn-thm" id="check-btn2">登录</button>
                                        <hr>
                                        <div class="row mt40">
                                            <div class="col-lg">
                                            </div>
                                            <div class="col-lg">
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="tab-pane fade" id="pills-profile" role="tabpanel"
                                     aria-labelledby="pills-home-tab">
                                    <form id="login-form2">
                                        <div class="form-group">
                                            <input type="text" class="form-control"  name="email"
                                                   th:value="${company!=null}?${company.email}:''"
                                                   placeholder="电子邮箱" onblur="validateEmail(this)">
                                        </div>
                                        <div class="form-group">
                                            <input type="password" class="form-control"  name="password"
                                                   th:value="${company!=null}?${company.password}:''"
                                                   placeholder="密码">
                                        </div>
                                        <!--验证码-->
                                        <div class="mpanel4" style="margin-top: 20px">
                                        </div>

                                        <div class="form-group form-check">
                                            <input type="checkbox" class="form-check-input" >
                                            <label class="form-check-label" >记住密码</label>
                                            <a class="tdu text-thm float-right" href="#">忘记密码?</a>
                                        </div>
                                        <button type="button" class="btn btn-log btn-block btn-thm" id="check-btn3">登录</button>
                                        <hr>
                                        <div class="row mt40">
                                            <div class="col-lg">
                                            </div>
                                            <div class="col-lg">
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Our Footer Top Area -->
    <section class="footer_top_area p0">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 col-lg-2 pb25 pt25">
                    <div class="logo-widget">
                        <img class="img-fluid" src="/images/header-logo.png" alt="header-logo.png">
                    </div>
                </div>
                <div class="col-sm-12 col-lg-6 pb25 pt25 pl60 pr40 brdr_left_right">
                    <div class="row">
                        <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                            <div class="funfact_one">
                                <div class="timer">2,395</div>
                                <p>Jobs Added</p>
                            </div>
                        </div>
                        <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                            <div class="funfact_one">
                                <div class="timer">1,267</div>
                                <p>Jobs Posted</p>
                            </div>
                        </div>
                        <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                            <div class="funfact_one">
                                <div class="timer">1,095</div>
                                <p>Companies</p>
                            </div>
                        </div>
                        <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                            <div class="funfact_one">
                                <div class="timer">7,348</div>
                                <p>Freelancer</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12 col-lg-4 pb25 pt25 pl30">
                    <div class="footer_social_widget mt15">
                        <p class="float-left mt10">Follow Us</p>
                        <ul>
                            <li class="list-inline-item"><a href="#"><i class="fa fa-facebook"></i></a></li>
                            <li class="list-inline-item"><a href="#"><i class="fa fa-twitter"></i></a></li>
                            <li class="list-inline-item"><a href="#"><i class="fa fa-instagram"></i></a></li>
                            <li class="list-inline-item"><a href="#"><i class="fa fa-pinterest"></i></a></li>
                            <li class="list-inline-item"><a href="#"><i class="fa fa-dribbble"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Our Footer -->
    <section class="footer_one">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 col-md-4 col-md-3 col-lg-2">
                    <div class="quick_link_widget">
                        <h4>Quick Links</h4>
                        <ul class="list-unstyled">
                            <li><a href="#">Job Packages</a></li>
                            <li><a href="#">Post New Job</a></li>
                            <li><a href="#">Jobs Listing</a></li>
                            <li><a href="#">Jobs Style Grid</a></li>
                            <li><a href="#">Employer Listing</a></li>
                            <li><a href="#">Employers Grid</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4 col-md-3 col-lg-3">
                    <div class="candidate_widget">
                        <h4>For Candidates</h4>
                        <ul class="list-unstyled">
                            <li><a href="#">User Dashboard</a></li>
                            <li><a href="#">CV Packages</a></li>
                            <li><a href="#">Candidate Listing</a></li>
                            <li><a href="#">Candidates Grid</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-sm-4 col-md-4 col-md-3 col-lg-3">
                    <div class="employe_widget">
                        <h4>For Employers</h4>
                        <ul class="list-unstyled">
                            <li><a href="#">Post New</a></li>
                            <li><a href="#">Job Employer Listing</a></li>
                            <li><a href="#">Employers Grid</a></li>
                            <li><a href="#">Job Packages</a></li>
                            <li><a href="#">Jobs Listing</a></li>
                            <li><a href="#">Jobs Style Grid</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-sm-8 col-md-6 col-md-3 col-lg-4">
                    <div class="newsletter_widget">
                        <h4>Newsletter</h4>
                        <p>Subscribe to CareerUp Pacific newsletter to get the latest jobs posted, candidates ,and other
                            latest news stay updated.</p>
                        <form class="form-inline mailchimp_form">
                            <label class="sr-only" for="inlineFormInputMail2">Name</label>
                            <input type="text" class="form-control mb-2 mr-sm-2" id="inlineFormInputMail2"
                                   placeholder="Enter your email address">
                            <button type="submit" class="btn btn-primary mb-2"><span class="fa fa-paper-plane-o"></span>
                            </button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Our Footer Bottom Area -->
    <section class="footer_bottom_area p0">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 pb10 pt10">
                    <div class="copyright-widget tac-smd mt20">
                        <p>© 2019 CareerUp. All Rights <a href="/http://www.51qianduan.com//"
                                                          title="17sucai">Reserved</a>.</p>
                    </div>
                </div>
                <div class="col-lg-8 pb10 pt10">
                    <div class="footer_menu text-right mt10">
                        <ul>
                            <li class="list-inline-item"><a href="/page-terms-and-policies.html">Site Map</a></li>
                            <li class="list-inline-item"><a href="/page-terms-and-policies.html">Privacy Policy</a></li>
                            <li class="list-inline-item"><a href="/page-terms-and-policies.html">Terms of Service</a>
                            </li>
                            <li class="list-inline-item"><a href="/page-terms-and-policies.html">Security & Privacy</a>
                            </li>
                            <li class="list-inline-item">
                                <select class="selectpicker show-tick">
                                    <option>English</option>
                                    <option>Frenc</option>
                                    <option>Italian</option>
                                    <option>Spanish</option>
                                    <option>Turkey</option>
                                </select>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <a class="scrollToHome text-thm" href="#"><i class="flaticon-rocket-launch"></i></a>
</div>
<!-- Wrapper End -->
<script type="text/javascript" src="/js/jquery-3.3.1.js"></script>
<script type="text/javascript" src="/js/jquery-migrate-3.0.0.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/jquery.mmenu.all.js"></script>
<script type="text/javascript" src="/js/ace-responsive-menu.js"></script>
<script type="text/javascript" src="/js/bootstrap-select.min.js"></script>
<script type="text/javascript" src="/js/snackbar.min.js"></script>
<script type="text/javascript" src="/js/simplebar.js"></script>
<script type="text/javascript" src="/js/parallax.js"></script>
<script type="text/javascript" src="/js/scrollto.js"></script>
<script type="text/javascript" src="/js/jquery-scrolltofixed-min.js"></script>
<script type="text/javascript" src="/js/jquery.counterup.js"></script>
<script type="text/javascript" src="/js/wow.min.js"></script>
<script type="text/javascript" src="/js/progressbar.js"></script>
<script type="text/javascript" src="/js/slider.js"></script>
<script type="text/javascript" src="/js/timepicker.js"></script>
<script type="text/javascript" src="/js/wow.min.js"></script>
<!-- Custom script for all pages -->
<script type="text/javascript" src="/js/script.js"></script>
<!--验证码-->
<script type="text/javascript" src="/js/verify.js"></script>
<script type="text/javascript">
    $('.mpanel3').codeVerify({
        type: 2,
        figure: 100,	//位数，仅在type=2时生效
        arith: 0,	//算法，支持加减乘，不填为随机，仅在type=2时生效
        width: '200px',
        height: '50px',
        fontSize: '30px',
        btnId: 'check-btn2',
        ready: function () {
        },
        success: function () {
            $.post("/user/login", $("#login-form1").serialize(), function (data) {
                if (data == 'true') {
                    console.log(data);
                    window.location.href = "/user/index";
                } else {
                    alert("登录失败，邮箱或密码错误");
                }
            })
        },
        error: function () {
            alert('验证码不正确！');
        }
    });
    $('.mpanel4').codeVerify({
        type: 2,
        figure: 100,	//位数，仅在type=2时生效
        arith: 0,	//算法，支持加减乘，不填为随机，仅在type=2时生效
        width: '200px',
        height: '50px',
        fontSize: '30px',
        btnId: 'check-btn3',
        ready: function () {
        },
        success: function () {
            $.post("/company/login", $("#login-form2").serialize(), function (data) {
                if (data == 'true') {
                    console.log(data);
                    window.location.href = "/company/toCompanyProfile";
                } else {
                    alert("登录失败，邮箱或密码错误");
                }
            })
        },
        error: function () {
            alert('验证码不正确！');
        }
    });
</script>
</body>
</html>